// 1、vue3框架提供的方法createApp方法,可以用来创建应用实例方法
import { createApp } from 'vue'
// 2、引入根组件App
import App from '@/App.vue'
// 5、引入清除默认样式
import '@/assets/css/reset.scss'
// 6、引入全局组件--顶部、底部都是全局组件
import HospitalTop1 from '@/components/hospital_top/index.vue';
import HospitalBottom1 from '@/components/hospital_bottom/index.vue';
import Login from '@/components/login/index.vue';
import Visitor from '@/components/visitor/visitor.vue';

// 7、引入vue-router核心插件并安装
import router from '@/router';
// 8、引入element-plus插件
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
// 8、国际化文件，@ts-ignore是忽略ts的检查
//@ts-ignore
import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
// 9、引入pinia仓库
import pinia from '@/store'
// 10、引入路由鉴权的文件
import './permisstion'
// 3、利用createApp方法创建应用实例,且将应用实例挂载到挂载点上
const app = createApp(App);
// 6、引入全局组件--顶部、底部都是全局组件
app.component('HospitalTop', HospitalTop1);
app.component('HospitalBottom', HospitalBottom1);
app.component('Login', Login);
app.component('Visitor', Visitor);
// 7、安装vue-router
app.use(router);
// 8、安装element-plus插件
app.use(ElementPlus, {
    locale: zhCn,
});
// 9、安装pinia仓库
app.use(pinia);
// 4、挂载
app.mount('#app');
